@mixin ssu-theme($name) {
    html[theme=#{$name}] {
        //------------ 顶栏
        --header-bg-color: #{$--header-bg-color}; //顶栏-背景颜色
        --herder-color: #{$--herder-color}; //顶栏-字体颜色
        --header-divider-color: #{$--header-divider-color}; //顶栏-分割线颜色
        --header-icon-divider-color: #{$--header-icon-divider-color}; //顶栏-右侧分割线颜色
        --header-icon-color: #{$--header-icon-color}; //顶栏-右侧icon 字体颜色
        --header-icon-hover-color: #{$--header-icon-hover-color}; //顶栏-右侧icon hover字体颜色
        
        //------------ 顶栏-下拉菜单
        // --header-dropdown-bg-color: #{$--}, //顶栏-下拉菜单背景色
        // --header-dropdown-color: #{$--}, //顶栏-下拉菜单字体颜色
        // --header-dropdown-border-color: #{$--}, //顶栏-下拉菜单边框颜色
        // --header-dropdown-boxshadow-color: #{$--}, //顶栏-下拉菜单阴影颜色
        // --header-dropdown-hover-bg-color: #{$--}, //顶栏-下拉菜单 单项hover背景色
        // --header-dropdown-hover-color: #{$--}, //顶栏-下拉菜单 单项hover字体颜色
        // --header-dropdown-active-bg-color: #{$--}, //顶栏-下拉菜单 单项选中背景颜色
        // --header-dropdown-active-color: #{$--}, //顶栏-下拉菜单 单项选中字体颜色

        //------------ 顶栏-菜单
        --header-menu-bg-color: #{$--header-menu-bg-color}; //顶栏-菜单背景颜色
        --header-menu-boxshadow-color: #{$--header-menu-boxshadow-color}; //顶栏-菜单阴影颜色
        --header-menu-item-bg-color: #{$--header-menu-item-bg-color}; //顶栏-菜单项背景颜色
        --header-menu-item-color: #{$--header-menu-item-color}; //顶栏-菜单项字体颜色
        --header-menu-item-hover-bg-color: #{$--header-menu-item-hover-bg-color}; //顶栏-菜单项 hover 背景颜色
        --header-menu-item-hover-color: #{$--header-menu-item-hover-color}; //顶栏-菜单项 hover 字体颜色
        --header-menu-item-active-bg-color: #{$--header-menu-item-active-bg-color}; //顶栏-菜单项选中背景颜色
        --header-menu-item-active-color: #{$--header-menu-item-active-color}; //顶栏-菜单项选中字体颜色
        --header-menu-more-bg-color: #{$--header-menu-more-bg-color}; //顶栏-菜单 更多按钮背景颜色
        --header-menu-more-color: #{$--header-menu-more-color}; //顶栏-菜单 更多按钮字体颜色
        --header-menu-more-hover-bg-color: #{$--header-menu-more-hover-bg-color}; //顶栏-菜单 更多按钮字体颜色
        --header-menu-more-hover-color: #{$--header-menu-more-hover-color}; //顶栏-菜单 更多按钮字体颜色
        --header-menu-more-active-bg-color: #{$--header-menu-more-active-bg-color}; //顶栏-菜单 更多按钮字体颜色
        --header-menu-more-active-color: #{$--header-menu-more-active-color}; //顶栏-菜单 更多按钮字体颜色
        
        //------------ 顶栏-菜单-下拉菜单
        --context-menu-bg-color: #{$--context-menu-bg-color}; // 顶栏-菜单-下拉菜单-背景色
        --context-menu-boxshadow-color: #{$--context-menu-boxshadow-color}; // 顶栏-菜单-下拉菜单-阴影色
        --context-menu-item-bg-color: #{$--context-menu-item-bg-color}; // 顶栏-菜单-下拉菜单-单项背景色
        --context-menu-item-color: #{$--context-menu-item-color}; // 顶栏-菜单-下拉菜单-单项字体色
        --context-menu-item-icon-color: #{$--context-menu-item-icon-color}; // 顶栏-菜单-下拉菜单-单项图标色
        --context-menu-item-border-color: #{$--context-menu-item-border-color}; // 顶栏-菜单-下拉菜单-单项边框色
        --context-menu-item-hover-bg-color: #{$--context-menu-item-hover-bg-color}; // 顶栏-菜单-下拉菜单-单项悬停背景色
        --context-menu-item-hover-color: #{$--context-menu-item-hover-color}; // 顶栏-菜单-下拉菜单-单项悬停字体颜色
        --context-menu-item-hover-icon-color: #{$--context-menu-item-hover-icon-color}; // 顶栏-菜单-下拉菜单-单项悬停图标色
        --context-menu-item-active-color: #{$--context-menu-item-active-color}; // 顶栏-菜单-下拉菜单-单项选中字体色
        --context-menu-item-active-icon-color: #{$--context-menu-item-active-icon-color}; // 顶栏-菜单-下拉菜单-单项选中图标色
        --context-menu-item-active-bg-color: #{$--context-menu-item-active-bg-color}; // 顶栏-菜单-下拉菜单-单项选中背景色
        --context-menu-item-active-border-color: #{$--context-menu-item-active-border-color}; // 顶栏-菜单-下拉菜单-单项选中边框色

        //------------ 主区域
        --main-bg-color: #{$--main-bg-color}; //主区域-背景颜色

        //------------- 主界面按钮
        //查询按钮
        --main-btn-query-bg-color: #{$--main-btn-query-bg-color}; // 查询按钮背景色
        --main-btn-query-color: #{$--main-btn-query-color}; //字体色
        --main-btn-query-icon-color: #{$--main-btn-query-icon-color};
        --main-btn-query-border-color: #{$--main-btn-query-border-color};
        --main-btn-query-hover-bg-color: #{$--main-btn-query-hover-bg-color};
        --main-btn-query-hover-color: #{$--main-btn-query-hover-color};
        --main-btn-query-hover-icon-color: #{$--main-btn-query-hover-icon-color};
        --main-btn-query-hover-border-color: #{$--main-btn-query-hover-border-color};
        --main-btn-query-active-bg-color: #{$--main-btn-query-active-bg-color};
        --main-btn-query-active-color: #{$--main-btn-query-active-color};
        --main-btn-query-active-icon-color: #{$--main-btn-query-active-icon-color};
        --main-btn-query-active-border-color: #{$--main-btn-query-active-border-color};
        --main-btn-query-disabled-bg-color: #{$--main-btn-query-disabled-bg-color};
        --main-btn-query-disabled-color: #{$--main-btn-query-disabled-color};
        --main-btn-query-disabled-icon-color: #{$--main-btn-query-disabled-icon-color};
        --main-btn-query-disabled-border-color: #{$--main-btn-query-disabled-border-color};

        //操作按钮-灰边白底
        --main-btn-weak-bg-color: #{$--main-btn-weak-bg-color};
        --main-btn-weak-color: #{$--main-btn-weak-color};
        --main-btn-weak-border-color: #{$--main-btn-weak-border-color};
        --main-btn-weak-hover-bg-color: #{$--main-btn-weak-hover-bg-color};
        --main-btn-weak-hover-color: #{$--main-btn-weak-hover-color};
        --main-btn-weak-hover-border-color: #{$--main-btn-weak-hover-border-color};
        --main-btn-weak-active-bg-color: #{$--main-btn-weak-active-bg-color};
        --main-btn-weak-active-color: #{$--main-btn-weak-active-color};
        --main-btn-weak-active-border-color: #{$--main-btn-weak-active-border-color};
        --main-btn-weak-disabled-bg-color: #{$--main-btn-weak-disabled-bg-color};
        --main-btn-weak-disabled-color: #{$--main-btn-weak-disabled-color};
        --main-btn-weak-disabled-border-color: #{$--main-btn-weak-disabled-border-color};
        
        //常见按钮
        --main-btn-common-bg-color: #{$--main-btn-common-bg-color};
        --main-btn-common-color: #{$--main-btn-common-color};
        --main-btn-common-icon-color: #{$--main-btn-common-icon-color};
        --main-btn-common-border-color: #{$--main-btn-common-border-color};
        --main-btn-common-hover-bg-color: #{$--main-btn-common-hover-bg-color};
        --main-btn-common-hover-color: #{$--main-btn-common-hover-color};
        --main-btn-common-hover-icon-color: #{$--main-btn-common-hover-icon-color};
        --main-btn-common-hover-border-color: #{$--main-btn-common-hover-border-color};
        --main-btn-common-active-bg-color: #{$--main-btn-common-active-bg-color};
        --main-btn-common-active-color: #{$--main-btn-common-active-color};
        --main-btn-common-active-icon-color: #{$--main-btn-common-active-icon-color};
        --main-btn-common-active-border-color: #{$--main-btn-common-active-border-color};
        --main-btn-common-disabled-bg-color: #{$--main-btn-common-disabled-bg-color};
        --main-btn-common-disabled-color: #{$--main-btn-common-disabled-color};
        --main-btn-common-disabled-icon-color: #{$--main-btn-common-disabled-icon-color};
        --main-btn-common-disabled-border-color: #{$--main-btn-common-disabled-border-color};

        //次要按钮
        --main-btn-normal-o-bg-color: #{$--main-btn-normal-o-bg-color};
        --main-btn-normal-o-color: #{$--main-btn-normal-o-color};
        --main-btn-normal-o-icon-color: #{$--main-btn-normal-o-icon-color};
        --main-btn-normal-o-border-color: #{$--main-btn-normal-o-border-color};
        --main-btn-normal-o-hover-bg-color: #{$--main-btn-normal-o-hover-bg-color};
        --main-btn-normal-o-hover-color: #{$--main-btn-normal-o-hover-color};
        --main-btn-normal-o-hover-icon-color: #{$--main-btn-normal-o-hover-icon-color};
        --main-btn-normal-o-hover-border-color: #{$--main-btn-normal-o-hover-border-color};
        --main-btn-normal-o-disabled-bg-color: #{$--main-btn-normal-o-disabled-bg-color};
        --main-btn-normal-o-disabled-color: #{$--main-btn-normal-o-disabled-color};
        --main-btn-normal-o-disabled-icon-color: #{$--main-btn-normal-o-disabled-icon-color};
        --main-btn-normal-o-disabled-border-color: #{$--main-btn-normal-o-disabled-border-color};

        --main-btn-warning-o-bg-color: #{$--main-btn-warning-o-bg-color};
        --main-btn-warning-o-color: #{$--main-btn-warning-o-color};
        --main-btn-warning-o-icon-color: #{$--main-btn-warning-o-icon-color};
        --main-btn-warning-o-border-color: #{$--main-btn-warning-o-border-color};
        --main-btn-warning-o-hover-bg-color: #{$--main-btn-warning-o-hover-bg-color};
        --main-btn-warning-o-hover-color: #{$--main-btn-warning-o-hover-color};
        --main-btn-warning-o-hover-icon-color: #{$--main-btn-warning-o-hover-icon-color};
        --main-btn-warning-o-hover-border-color: #{$--main-btn-warning-o-hover-border-color};
        --main-btn-warning-o-disabled-bg-color: #{$--main-btn-warning-o-disabled-bg-color};
        --main-btn-warning-o-disabled-color: #{$--main-btn-warning-o-disabled-color};
        --main-btn-warning-o-disabled-icon-color: #{$--main-btn-warning-o-disabled-icon-color};
        --main-btn-warning-o-disabled-border-color: #{$--main-btn-warning-o-disabled-border-color};

        --main-btn-success-o-bg-color: #{$--main-btn-success-o-bg-color};
        --main-btn-success-o-color: #{$--main-btn-success-o-color};
        --main-btn-success-o-icon-color: #{$--main-btn-success-o-icon-color};
        --main-btn-success-o-border-color: #{$--main-btn-success-o-border-color};
        --main-btn-success-o-hover-bg-color: #{$--main-btn-success-o-hover-bg-color};
        --main-btn-success-o-hover-color: #{$--main-btn-success-o-hover-color};
        --main-btn-success-o-hover-icon-color: #{$--main-btn-success-o-hover-icon-color};
        --main-btn-success-o-hover-border-color: #{$--main-btn-success-o-hover-border-color};
        --main-btn-success-o-disabled-bg-color: #{$--main-btn-success-o-disabled-bg-color};
        --main-btn-success-o-disabled-color: #{$--main-btn-success-o-disabled-color};
        --main-btn-success-o-disabled-icon-color: #{$--main-btn-success-o-disabled-icon-color};
        --main-btn-success-o-disabled-border-color: #{$--main-btn-success-o-disabled-border-color};

        //主要按钮-蓝边白底
        --main-btn-normal-bg-color: #{$--main-btn-normal-bg-color};
        --main-btn-normal-color: #{$--main-btn-normal-color};
        --main-btn-normal-border-color: #{$--main-btn-normal-border-color};
        --main-btn-normal-hover-bg-color: #{$--main-btn-normal-hover-bg-color};
        --main-btn-normal-hover-color: #{$--main-btn-normal-hover-color};
        --main-btn-normal-hover-border-color: #{$--main-btn-normal-hover-border-color};
        --main-btn-normal-active-bg-color: #{$--main-btn-normal-active-bg-color};
        --main-btn-normal-active-color: #{$--main-btn-normal-active-color};
        --main-btn-normal-active-border-color: #{$--main-btn-normal-active-border-color};
        --main-btn-normal-disabled-bg-color: #{$--main-btn-normal-disabled-bg-color};
        --main-btn-normal-disabled-color: #{$--main-btn-normal-disabled-color};
        --main-btn-normal-disabled-border-color: #{$--main-btn-normal-disabled-border-color};

        //主要按钮-蓝色
        --main-btn-primary-bg-color: #{$--main-btn-primary-bg-color};
        --main-btn-primary-color: #{$--main-btn-primary-color};
        --main-btn-primary-border-color: #{$--main-btn-primary-border-color};
        --main-btn-primary-hover-bg-color: #{$--main-btn-primary-hover-bg-color};
        --main-btn-primary-hover-color: #{$--main-btn-primary-hover-color};
        --main-btn-primary-hover-border-color: #{$--main-btn-primary-hover-border-color};
        --main-btn-primary-active-bg-color: #{$--main-btn-primary-active-bg-color};
        --main-btn-primary-active-color: #{$--main-btn-primary-active-color};
        --main-btn-primary-active-border-color: #{$--main-btn-primary-active-border-color};
        --main-btn-primary-disabled-bg-color: #{$--main-btn-primary-disabled-bg-color};
        --main-btn-primary-disabled-color: #{$--main-btn-primary-disabled-color};
        --main-btn-primary-disabled-border-color: #{$--main-btn-primary-disabled-border-color};

        //主要按钮-橙色
        --main-btn-warning-bg-color: #{$--main-btn-warning-bg-color};
        --main-btn-warning-color: #{$--main-btn-warning-color};
        --main-btn-warning-border-color: #{$--main-btn-warning-border-color};
        --main-btn-warning-hover-bg-color: #{$--main-btn-warning-hover-bg-color};
        --main-btn-warning-hover-color: #{$--main-btn-warning-hover-color};
        --main-btn-warning-hover-border-color: #{$--main-btn-warning-hover-border-color};
        --main-btn-warning-active-bg-color: #{$--main-btn-warning-active-bg-color};
        --main-btn-warning-active-color: #{$--main-btn-warning-active-color};
        --main-btn-warning-active-border-color: #{$--main-btn-warning-active-border-color};
        --main-btn-warning-disabled-bg-color: #{$--main-btn-warning-disabled-bg-color};
        --main-btn-warning-disabled-color: #{$--main-btn-warning-disabled-color};
        --main-btn-warning-disabled-border-color: #{$--main-btn-warning-disabled-border-color};

        //主要按钮-绿色
        --main-btn-success-bg-color: #{$--main-btn-success-bg-color};
        --main-btn-success-color: #{$--main-btn-success-color};
        --main-btn-success-border-color: #{$--main-btn-success-border-color};
        --main-btn-success-hover-bg-color: #{$--main-btn-success-hover-bg-color};
        --main-btn-success-hover-color: #{$--main-btn-success-hover-color};
        --main-btn-success-hover-border-color: #{$--main-btn-success-hover-border-color};
        --main-btn-success-active-bg-color: #{$--main-btn-success-active-bg-color};
        --main-btn-success-active-color: #{$--main-btn-success-active-color};
        --main-btn-success-active-border-color: #{$--main-btn-success-active-border-color};
        --main-btn-success-disabled-bg-color: #{$--main-btn-success-disabled-bg-color};
        --main-btn-success-disabled-color: #{$--main-btn-success-disabled-color};
        --main-btn-success-disabled-border-color: #{$--main-btn-success-disabled-border-color};

        //主要按钮-红色
        --main-btn-danger-bg-color: #{$--main-btn-danger-bg-color};
        --main-btn-danger-color: #{$--main-btn-danger-color};
        --main-btn-danger-border-color: #{$--main-btn-danger-border-color};
        --main-btn-danger-hover-bg-color: #{$--main-btn-danger-hover-bg-color};
        --main-btn-danger-hover-color: #{$--main-btn-danger-hover-color};
        --main-btn-danger-hover-border-color: #{$--main-btn-danger-hover-border-color};
        --main-btn-danger-active-bg-color: #{$--main-btn-danger-active-bg-color};
        --main-btn-danger-active-color: #{$--main-btn-danger-active-color};
        --main-btn-danger-active-border-color: #{$--main-btn-danger-active-border-color};
        --main-btn-danger-disabled-bg-color: #{$--main-btn-danger-disabled-bg-color};
        --main-btn-danger-disabled-color: #{$--main-btn-danger-disabled-color};
        --main-btn-danger-disabled-border-color: #{$--main-btn-danger-disabled-border-color};

        //其他按钮
        --main-btn-other-bg-color: #{$--main-btn-other-bg-color};
        --main-btn-other-color: #{$--main-btn-other-color};
        --main-btn-other-border-color: #{$--main-btn-other-border-color};
        --main-btn-other-hover-bg-color: #{$--main-btn-other-hover-bg-color};
        --main-btn-other-hover-color: #{$--main-btn-other-hover-color};
        --main-btn-other-hover-border-color: #{$--main-btn-other-hover-border-color};
        --main-btn-other-active-bg-color: #{$--main-btn-other-active-bg-color};
        --main-btn-other-active-color: #{$--main-btn-other-active-color};
        --main-btn-other-active-border-color: #{$--main-btn-other-active-border-color};
        --main-btn-other-disabled-bg-color: #{$--main-btn-other-disabled-bg-color};
        --main-btn-other-disabled-color: #{$--main-btn-other-disabled-color};
        --main-btn-other-disabled-border-color: #{$--main-btn-other-disabled-border-color};

        //操作按钮
        --main-btn-icon-bg-color: #{$--main-btn-icon-bg-color};
        --main-btn-icon-color: #{$--main-btn-icon-color};
        --main-btn-icon-border-color: #{$--main-btn-icon-border-color};
        --main-btn-icon-hover-bg-color: #{$--main-btn-icon-hover-bg-color};
        --main-btn-icon-hover-color: #{$--main-btn-icon-hover-color};
        --main-btn-icon-hover-border-color: #{$--main-btn-icon-hover-border-color};
        --main-btn-icon-active-bg-color: #{$--main-btn-icon-active-bg-color};
        --main-btn-icon-active-color: #{$--main-btn-icon-active-color};
        --main-btn-icon-active-border-color: #{$--main-btn-icon-active-border-color};
        --main-btn-icon-disabled-bg-color: #{$--main-btn-icon-disabled-bg-color};
        --main-btn-icon-disabled-color: #{$--main-btn-icon-disabled-color};
        --main-btn-icon-disabled-border-color: #{$--main-btn-icon-disabled-border-color};

        //功能按钮
        --main-btn-opt-color: #{$--main-btn-opt-color};
        --main-btn-opt-bg-color: #{$--main-btn-opt-bg-color};
        --main-btn-opt-border-color: #{$--main-btn-opt-border-color};
        --main-btn-opt-icon-color: #{$--main-btn-opt-icon-color};
        --main-btn-opt-hover-color: #{$--main-btn-opt-hover-color};
        --main-btn-opt-hover-bg-color: #{$--main-btn-opt-hover-bg-color};
        --main-btn-opt-hover-border-color: #{$--main-btn-opt-hover-border-color};
        --main-btn-opt-hover-icon-color: #{$--main-btn-opt-hover-icon-color};
        --main-btn-opt-active-color: #{$--main-btn-opt-active-color};
        --main-btn-opt-active-bg-color: #{$--main-btn-opt-active-bg-color};
        --main-btn-opt-active-border-color: #{$--main-btn-opt-active-border-color};
        --main-btn-opt-active-icon-color: #{$--main-btn-opt-active-icon-color};
        --main-btn-opt-disabled-color: #{$--main-btn-opt-disabled-color};
        --main-btn-opt-disabled-bg-color: #{$--main-btn-opt-disabled-bg-color};
        --main-btn-opt-disabled-border-color: #{$--main-btn-opt-disabled-border-color};
        --main-btn-opt-disabled-icon-color: #{$--main-btn-opt-disabled-icon-color};

        //无边框、背景色按钮
        --main-btn-info-color: #{$--main-btn-info-color};
        --main-btn-info-bg-color: #{$--main-btn-info-bg-color};

        //输入框、选择器
        --input-color: #{$--input-color};
        --input-placeholder-color: #{$--input-placeholder-color}; //提示文字颜色
        --input-border-color: #{$--input-border-color};
        --input-bg-color: #{$--input-bg-color};
        --input-icon: #{$--input-icon};
        --input-hover-color: #{$--input-hover-color};
        --input-hover-bg-color: #{$--input-hover-bg-color};
        --input-hover-border-color: #{$--input-hover-border-color};
        --input-hover-icon: #{$--input-hover-icon};
        --input-active-color: #{$--input-active-color};
        --input-active-bg-color: #{$--input-active-bg-color};
        --input-active-border-color: #{$--input-active-border-color};
        --input-active-icon: #{$--input-active-icon};
        --input-disabled-color: #{$--input-disabled-color};
        --input-disabled-bg-color: #{$--input-disabled-bg-color};
        --input-disabled-border-color: #{$--input-disabled-border-color};
        --input-disabled-icon: #{$--input-disabled-icon};
        --input-unreasonable-border-color: #{$--input-unreasonable-border-color}; //校验不通过边框色

        //选择器下拉框
        --select-menu-color: #{$--select-menu-color};
        --select-menu-border-color: #{$--select-menu-border-color};
        --select-menu-boxshadow-color: #{$--select-menu-boxshadow-color};
        --select-menu-bg-color: #{$--select-menu-bg-color};
        --select-menu-item-bg-color: #{$--select-menu-item-bg-color};
        --select-menu-item-color: #{$--select-menu-item-color};
        --select-menu-item-hover-color: #{$--select-menu-item-hover-color};
        --select-menu-item-hover-bg-color: #{$--select-menu-item-hover-bg-color};
        --select-menu-item-active-color: #{$--select-menu-item-active-color};
        --select-menu-item-active-bg-color: #{$--select-menu-item-active-bg-color};

        //分页
        --pagination-bg-color: #{$--pagination-bg-color};
        --pagination-color: #{$--pagination-color};

        --pagination-input-bg-color: #{$--pagination-input-bg-color};
        --pagination-input-border-color: #{$--pagination-input-border-color};
        --pagination-input-color: #{$--pagination-input-color};
        --pagination-input-active-border-color: #{$--pagination-input-active-border-color};
        --pagination-input-disabld-border-color: #{$--pagination-input-disabld-border-color};

        --pagination-btn-bg-color: #{$--pagination-btn-bg-color};
        --pagination-btn-border-color: #{$--pagination-btn-border-color};
        --pagination-btn-color: #{$--pagination-btn-color};
        --pagination-btn-hover-bg-color: #{$--pagination-btn-hover-bg-color};
        --pagination-btn-hover-border-color: #{$--pagination-btn-hover-border-color};
        --pagination-btn-hover-color: #{$--pagination-btn-hover-color};
        --pagination-btn-disabled-bg-color: #{$--pagination-btn-disabled-bg-color};
        --pagination-btn-disabled-border-color: #{$--pagination-btn-disabled-border-color};
        --pagination-btn-disabled-color: #{$--pagination-btn-disabled-color};

        --pagination-btn-jump-bg-color: #{$--pagination-btn-jump-bg-color}; //跳转按钮
        --pagination-btn-jump-color: #{$--pagination-btn-jump-color};
        --pagination-btn-jump-border-color: #{$--pagination-btn-jump-border-color};

        //------------ 侧边栏
        --aside-bg-color: #{$--aside-bg-color}; //侧边栏-颜色
        --aside-color: #{$--aside-color}; //侧边栏-字体颜色
        --aside-item-bg-color: #{$--aside-item-bg-color}; //侧边栏-单项背景颜色
        --aside-item-color: #{$--aside-item-color}; //侧边栏-单项字体颜色
        --aside-item-hover-bg-color: #{$--aside-item-hover-bg-color}; //侧边栏-单项hover背景颜色
        --aside-item-hover-color: #{$--aside-item-hover-color}; //侧边栏-单项hover字体颜色
        --aside-item-active-bg-color: #{$--aside-item-active-bg-color}; //侧边栏-单项选中背景颜色
        --aside-item-active-color: #{$--aside-item-active-color}; //侧边栏-单项选中字体颜色

        //------------ 底栏
        --footer-bg-color: #{$--footer-bg-color}; //底栏-背景颜色
        --footer-color: #{$--footer-color}; //底栏-字体颜色

        //------------ 弹窗
        --model-bg-color: #{$--model-bg-color}; //弹窗背景色
        --model-header-bg-color: #{$--model-header-bg-color}; //弹窗-头部背景色
        --model-header-color: #{$--model-header-color}; //弹窗-头部字体颜色

        //------------ 树形控件
        --tree-bg-color: #{$--tree-bg-color};
        --tree-color: #{$--tree-color};
        --tree-disabled-color: #{$--tree-disabled-color};
        --tree-expand-icon-color: #{$--tree-expand-icon-color};
        --tree-check-icon-color: #{$--tree-check-icon-color};
        --tree-checkbox-bg-color: #{$--tree-checkbox-bg-color}; //默认背景色
        --tree-checkbox-border-color: #{$--tree-checkbox-border-color}; //默认边框
        --tree-checkbox-check-bg-color: #{$--tree-checkbox-check-bg-color}; //勾选
        --tree-checkbox-check-border-color: #{$--tree-checkbox-check-border-color}; //勾选
        --tree-node-hover-bg-color: #{$--tree-node-hover-bg-color}; //选中当前层级背景色
        --tree-node-disabled-bg-color: #{$--tree-node-disabled-bg-color}; //禁用
        --tree-node-disabled-border-color: #{$--tree-node-disabled-border-color};
        --tree-node-disabled-icon-color: #{$--tree-node-disabled-icon-color};

        --tree-formal-node-color: #{$--tree-formal-node-color};
        --tree-formal-node-line-color: #{$--tree-formal-node-line-color};
        --tree-formal-node-hover-bg-color: #{$--tree-formal-node-hover-bg-color};
        --tree-formal-node-active-bg-color: #{$--tree-formal-node-active-bg-color};

        //------------ 单选框
        --radio-color: #{$--radio-color};
        --radio-border-color: #{$--radio-border-color};
        --radio-bg-color: #{$--radio-bg-color};
        --radio-icon-color: #{$--radio-icon-color};
        --radio-check-border-color: #{$--radio-check-border-color};
        --radio-check-bg-color: #{$--radio-check-bg-color};
        --radio-disabled-border-color: #{$--radio-disabled-border-color};
        --radio-disabled-bg-color: #{$--radio-disabled-bg-color};
        --radio-disabled-icon-color: #{$--radio-disabled-icon-color};
        --radio-disabled-color: #{$--radio-disabled-color};

        //------------ 复选框
        --checkbox-color: #{$--checkbox-color};
        --checkbox-border-color: #{$--checkbox-border-color};
        --checkbox-bg-color: #{$--checkbox-bg-color};
        --checkbox-icon-color: #{$--checkbox-icon-color}; //复选框内图标颜色
        --checkbox-check-border-color: #{$--checkbox-check-border-color};
        --checkbox-check-bg-color: #{$--checkbox-check-bg-color};
        --checkbox-disabled-border-color: #{$--checkbox-disabled-border-color};
        --checkbox-disabled-bg-color: #{$--checkbox-disabled-bg-color};
        --checkbox-disabled-icon-color: #{$--checkbox-disabled-icon-color};
        --checkbox-disabled-color: #{$--checkbox-disabled-color};

        //------------ 滚动条
        --scrollbar-track-bg-color: #{$--scrollbar-track-bg-color}; //轨道背景色
        --scrollbar-track-hover-bg-color: #{$--scrollbar-track-hover-bg-color}; //轨道hover背景色
        --scrollbar-track-active-bg-color: #{$--scrollbar-track-active-bg-color}; //轨道选中背景色
        --scrollbar-button-color: #{$--scrollbar-button-color}; // 滑块背景色
        --scrollbar-thumb-bg-color: #{$--scrollbar-thumb-bg-color}; // 滑块背景色
        --scrollbar-thumb-hover-bg-color: #{$--scrollbar-thumb-hover-bg-color}; // 滑块hover背景色
        --scrollbar-thumb-active-bg-color: #{$--scrollbar-thumb-active-bg-color}; // 滑块选中背景色

        //------------- 文字提示
        --popper-bg-color: #{$--popper-bg-color};
        --popper-color: #{$--popper-color};

        //------------- 徽章
        --el-badge-color: #{$--el-badge-color};
        --el-badge-bg-color: #{$--el-badge-bg-color};
        --el-badge-dot-color: #{$--el-badge-dot-color};

        //------------- 开关
        --switch-inactive-color: #{$--switch-inactive-color};
        --switch-inactive-bg-color: #{$--switch-inactive-bg-color};
        --switch-inactive-border-color: #{$--switch-inactive-border-color};
        --switch-inactive-icon-color: #{$--switch-inactive-icon-color};
        --switch-active-color: #{$--switch-active-color};
        --switch-active-bg-color: #{$--switch-active-bg-color};
        --switch-active-border-color: #{$--switch-active-border-color};
        --switch-active-icon-color: #{$--switch-active-icon-color};

        //-------------- 选项卡
        --tab-color: #{$--tab-color};
        --tab-bg-color: #{$--tab-bg-color};
        --tab-active-color: #{$--tab-active-color};
        --tab-active-bg-color: #{$--tab-active-bg-color};
        --tab-hover-color: #{$--tab-hover-color};
        --tab-hover-bg-color: #{$--tab-hover-bg-color};
        --tab-disabled-color: #{$--tab-disabled-color};
        --tab-disabled-bg-color: #{$--tab-disabled-bg-color};

        //---------------- 文字按钮
        --input-group-border-color: #{$--input-group-border-color};
        --input-group-input-bg-color: #{$--input-group-input-bg-color};
        --input-group-input-color: #{$--input-group-input-color};
        --input-group-input-placeholder-color: #{$--input-group-input-placeholder-color};
        --input-group-input-disabled-bg-color: #{$--input-group-input-disabled-bg-color};
        --input-group-input-disabled-color: #{$--input-group-input-disabled-color};
        --input-group-input-placeholder-disabled-color: #{$--input-group-input-placeholder-disabled-color};
        --input-group-btn-bg-color: #{$--input-group-btn-bg-color};
        --input-group-btn-color: #{$--input-group-btn-color};
        --input-group-btn-hover-bg-color: #{$--input-group-btn-hover-bg-color};
        --input-group-btn-disabled-bg-color: #{$--input-group-btn-disabled-bg-color};
        --input-group-btn-disabled-color: #{$--input-group-btn-disabled-color};

        //---------------- 弹窗
        --mask-color: #{$--mask-color};
        --dialog-bg-color: #{$--dialog-bg-color};
        --dialog-header-color: #{$--dialog-header-color};
        --dialog-header-bg-color: #{$--dialog-header-bg-color};
        --dialog-footer-border-color: #{$--dialog-footer-border-color};

        //---------------- 弹窗表格
        //表头
        --table-head-color: #{$--table-head-color};
        --table-head-bg-color: #{$--table-head-bg-color};
        --table-head-border-color: #{$--table-head-border-color};
        --table-sort-bg-color: #{$--table-sort-bg-color};
        --table-sort-icon-color: #{$--table-sort-icon-color};
        --table-sort-active-border-color: #{$--table-sort-active-border-color};
        //表主体
        --table-color: #{$--table-color};
        --table-border-color: #{$--table-border-color};
        --table-tr-bg-color: #{$--table-tr-bg-color};
        --table-tr-border-color: #{$--table-tr-border-color};
        --table-tr-hover-bg-color: #{$--table-tr-hover-bg-color};
        --table-tr-active-bg-color: #{$--table-tr-active-bg-color};

        //---------------- 消息提示
        --message-color: #{$--message-color};
        --message-bg-color: #{$--message-bg-color};
        --message-success-bg-color: #{$--message-success-bg-color};
        --message-warning-bg-color: #{$--message-warning-bg-color};
        --message-error-bg-color: #{$--message-error-bg-color};

        //---------------- 日期选择器
        --datepicker-box-shadow: #{$--datepicker-box-shadow};
        --datepicker-color: #{$--datepicker-color};
        --datepicker-bg-color: #{$--datepicker-bg-color};
        --datepicker-head-bg-color: #{$--datepicker-head-bg-color};

        --datepicker-week-color: #{$--datepicker-week-color};
        --datepicker-cdate-color: #{$--datepicker-cdate-color};
        --datepicker-predate-color: #{$--datepicker-predate-color};
        --datepicker-cdate-today-color: #{$--datepicker-cdate-today-color};
        --datepicker-cdate-today-bg-color: #{$--datepicker-cdate-today-bg-color};
        --datepicker-cdate-today-border-color: #{$--datepicker-cdate-today-border-color};
        --datepicker-cdate-hover-color: #{$--datepicker-cdate-hover-color};
        --datepicker-cdate-hover-bg-color: #{$--datepicker-cdate-hover-bg-color};
        --datepicker-cdate-hover-border-color: #{$--datepicker-cdate-hover-border-color};
        --datepicker-cdate-acitve-color: #{$--datepicker-cdate-acitve-color};
        --datepicker-cdate-acitve-bg-color: #{$--datepicker-cdate-acitve-bg-color};
        --datepicker-cdate-acitve-border-color: #{$--datepicker-cdate-acitve-border-color};

        --datepicker-header-border-color: #{$--datepicker-header-border-color};
        --datepicker-contain-border-color: #{$--datepicker-contain-border-color};
        --datepicker-footer-border-color: #{$--datepicker-footer-border-color};
        --datepicker-footer-color: #{$--datepicker-footer-color};

        --datepicker-clock-plate-bg-color: #{$--datepicker-clock-plate-bg-color};
        --datepicker-clock-number-color: #{$--datepicker-clock-number-color};
        --datepicker-clock-number-hover-color: #{$--datepicker-clock-number-hover-color};
        --datepicker-clock-number-hover-bg-color: #{$--datepicker-clock-number-hover-bg-color};
        --datepicker-clock-number-active-color: #{$--datepicker-clock-number-active-color};
        --datepicker-clock-number-active-bg-color: #{$--datepicker-clock-number-active-bg-color};
        --datepicker-clock-calib-color: #{$--datepicker-clock-calib-color}; //刻度
        --datepicker-clock-hourhand-color: #{$--datepicker-clock-hourhand-color}; //指针
        --datepicker-clock-circle-bg-color: #{$--datepicker-clock-circle-bg-color}; //圆心
    
    }
}
